<div>
    <!-- 头部 -->
    <AppHeader></AppHeader>
    <!--  页面的遮罩层-->
    <div v-if="showCoverMask" class="coverMaskDiv" @click="helpNum=0;visableDownloadDialog=false;showCoverMask=false;"></div>
    <div v-if="showCoverMask && helpNum==1" class="help1">第一步点击右上角</div>
    <div v-if="showCoverMask && helpNum==2" class="help2">请电脑端已登陆同一微信</div>
    <div @click="visableDownloadDialog=false">
        <h2 class="vircarf-title">详情 </h2>
        <table>
            <tr>
                <td>序列号</td>
                <td>{{sn}}</td>
            </tr>
            <tr>
                <td>文件名</td>
                <td>{{diskName}}</td>
            </tr>
            <tr>
                <td>定制</td>
                <td>{{remark}}</td>
            </tr>
            <tr>
                <td>更新时间</td>
                <td>{{updatedAt}}</td>
            </tr>
        </table>
        <h2 class="vircarf-title">补丁表</h2>
        <div class="budingList" >
            <ul>
                <li class="budingListLi" v-for="item in dependencies" :key="item.name" >
                    <div>
                        {{item.name}}
                    </div>
                    <div>
                        {{item.version}}
                    </div>
                    <img @click.stop="visableDownloadDialog=true;showCoverMask=true;" class="downloadImg" :src="$BASE_IMG_URL('/download.png')">
                </li>
            </ul>
        </div>
        <div @click.stop="download"  class="download-btn-wrap">
            <img  :src="$BASE_IMG_URL('/download-btn.png')" />
        </div>
    </div>
    <DownLoadBottomDialog v-if="visableDownloadDialog"></DownLoadBottomDialog>
</div>


